<template>
  <div>
      <div>
          <div class="EditProfile-my">
               <ul class="EditProfile-my-Edit">
                  <li>
                      <div>
                          用户头像
                      </div>
                      <div>
                           <img src="http://q04fjj6fi.bkt.clouddn.com/ptrz.png" alt="">
                           <img src="http://q04fjj6fi.bkt.clouddn.com/%E5%9B%BE%E5%B1%82%203%20%E6%8B%B7%E8%B4%9D%204.png" alt="" class="EditProfile-my-Edit-img">
                      </div>
                  </li>
                  <li>
                     <div>
                        网站名称
                     </div>
                     <div>
                          <span  class=".EditProfile-my-Edit-span">我的网站名称</span>
                          <img src="http://q04fjj6fi.bkt.clouddn.com/%E5%9B%BE%E5%B1%82%203%20%E6%8B%B7%E8%B4%9D%204.png" alt="" class="EditProfile-my-Edit-img">
                     </div>
                  </li>
                  <li>
                      <div>网站地址</div>
                       <div>
                          <span  class=".EditProfile-my-Edit-span">www.zhaoshengku.com</span>
                          <img src="http://q04fjj6fi.bkt.clouddn.com/%E5%9B%BE%E5%B1%82%203%20%E6%8B%B7%E8%B4%9D%204.png" alt="" class="EditProfile-my-Edit-img">
                       </div>
                  </li>
                  <li>
                     <div>
                         用户地址
                     </div>
                     <div>
                          <picker class="weui-btn" mode="region" :value="region" @change="CityChange">
                                <div class="ChoiceCity" type="default">
                                  <div class="CityList">
                                    <div>{{province}}</div>
                                    <div>{{city}}</div>
                                    <div>{{area}}</div>
                                  </div>
                                </div>
                          </picker>

                     </div>
                  </li>
                  <li>
                     <div>
                        详细地址
                     </div>
                     <div>
                         <input type="text" name="" id="">
                     </div>
                  </li>
                  <li>
                     <div>
                        个性签名
                     </div>
                     <div>
                        <span  class=".EditProfile-my-Edit-span">这是一条个性签名</span>
                          <img src="http://q04fjj6fi.bkt.clouddn.com/%E5%9B%BE%E5%B1%82%203%20%E6%8B%B7%E8%B4%9D%204.png" alt="" class="EditProfile-my-Edit-img">
                     </div>
                  </li>
                  <li>
                      <div>
                         标签
                      </div>
                      <ul>
                         <li><input type="text" name="" id="" v-model="inputValue"> <span @click="addValue">添加</span></li>
                         <li>
                            <span v-for="(item,index) in inputValueArr"  :key="index" style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%202.png') no-repeat; background-size: 166rpx 44rpx;background-position: center center; ">{{item}}
                            <img  @click="removeValue(index)" src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%209%20%E6%8B%B7%E8%B4%9D.png" alt=""></span>

                         </li>
                      </ul>
                  </li>
               </ul>
               <div class="EditProfile-my-two">
                  <div>
                     身份证认证
                  </div>
                  <ul>
                     <li>
                          <div>
                             <span>姓</span><span>名</span>                          </div>
                          <div>
                            <input type="text" name="" id="" placeholder="请填写真实姓名">
                          </div>
                     </li>
                     <li>
                         <div>
                             身份证号                          </div>
                          <div>
                            <input type="text" name="" id="" placeholder="请填写本人身份证号码">
                          </div>
                     </li>
                  </ul>
                  <div class="EditProfile-my-two-sfz">
                      <p>上传本人身份证</p>
                       <ul>
                           <li>
                              <div style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                                 <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                              </div>
                              <p style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205%20%E6%8B%B7%E8%B4%9D@2x.png') no-repeat; background-size: 100% 100%;background-position: center center; ">上传正面</p>
                              <img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A2%E9%87%8F%E6%99%BA%E8%83%BD%E5%AF%B9%E8%B1%A1@2x%281%29.png" alt="">
                           </li>
                           <li>
                              <div style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                                 <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                              </div>
                              <p style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205%20%E6%8B%B7%E8%B4%9D@2x.png') no-repeat; background-size: 100% 100%;background-position: center center; ">上传反面</p>
                              <img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A2%E9%87%8F%E6%99%BA%E8%83%BD%E5%AF%B9%E8%B1%A1@2x.png" alt="">
                           </li>
                       </ul>
                  </div>
                  <div class="EditProfile-my-two-sfz EditProfile-my-two-sfzs">
                      <p>示例</p>
                       <ul>
                           <li>
                             <div style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                                 <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                              </div>
                              <img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A2%E9%87%8F%E6%99%BA%E8%83%BD%E5%AF%B9%E8%B1%A1%20%E6%8B%B7%E8%B4%9D@2x%281%29.png" alt="">
                           </li>
                           <li>
                             <div style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                                 <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                              </div>
                              <img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A2%E9%87%8F%E6%99%BA%E8%83%BD%E5%AF%B9%E8%B1%A1%20%E6%8B%B7%E8%B4%9D@2x.png" alt="">
                           </li>
                       </ul>
                       <div>
                           <p>1、请保证图片焦点清晰，不可太小或模糊不清；</p>
                           <p>
                             2、不可有反光影响文字显示；
                           </p>
                           <p>3、请让四个边角完整显示 不要用手遮挡身份证；</p>
                           <p>4、请不要自行加水印；</p>
                           <p>5、请不要使用扫描件或者、复印件。</p>
                       </div>
                  </div>
               </div>
               <div class="EditProfile-my-thr">
                    <p>上传平台认证资料</p>
                    <div class="EditProfile-my-two-sfz EditProfile-my-two-sfza">
                         <ul>
                              <li>
                              <div style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                                 <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%20%E6%8B%B7%E8%B4%9D.png" alt=""></p>
                                  <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%206%EF%BC%881%EF%BC%89.png" alt=""></p>
                              </div>
                              <p style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%205%20%E6%8B%B7%E8%B4%9D@2x.png') no-repeat; background-size: 100% 100%;background-position: center center; ">上传资料</p>
                              <img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A2%E9%87%8F%E6%99%BA%E8%83%BD%E5%AF%B9%E8%B1%A1@2x.png" alt="">
                           </li>
                         </ul>
                    </div>
                    <p>*下载下方文件打印后填写正确信息并拍照上传</p>
                    <ul>
                        <li>
                            <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E7%9F%A9%E5%BD%A2%207.png" alt=""></p>
                            <p>点击预览</p>
                        </li>
                        <li  style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%201@2x.png') no-repeat; background-size: 100% 100%;background-position: center center; ">
                            下载文件
                        </li>
                    </ul>
                    <div>
                        <p>示例</p>
                        <p><img src="http://q04fjj6fi.bkt.clouddn.com/%E5%9B%BE%E5%B1%82%202@2x.png" alt=""></p>
                        <p style="background: url('http://q04fjj6fi.bkt.clouddn.com/%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2%201@.png') no-repeat; background-size: 100% 100%;background-position: center center; ">确认提交</p>
                    </div>
               </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

      province:"",//省市
      city:"",//城市
      area:"",//区
      region: ["选择省", "选择市","选择区/县"],//默认
      cancelProvinceShow:false,
      cancelCityShow:false,
      cancelAreaShow:false,
      Unlimited:false,
      detailsList:[],
      inputValue:"",
      inputValueArr:[]

    }
    },
    mounted(){
      //标题
      wx.setNavigationBarTitle({
        title: '编辑资料'
      })
      this.cityList()
      this.buttonShow()

    },
    methods: {


      //城市关闭按钮显示
      buttonShow(){
        this.cancelProvinceShow=false,
        this.cancelCityShow=false,
        this.cancelAreaShow=false,
        this.Unlimited=false

        if(this.province){
          this.cancelProvinceShow=true
        }
        if(this.city){
          this.cancelCityShow=true
        }
        if(this.area){
          this.cancelAreaShow=true
        }
        if(!this.province&&!this.city&&!this.area){
          this.Unlimited=true
        }
      },
      //取消省
      cancelProvince(){
        this.province=""
        this.city=""
        this.area=""
        this.buttonShow()

        this.searchList.city_id=""
        this.searchList.area_id=""
      },
      //取消市
      cancelCity(){
        this.city=""
        this.area=""
        this.buttonShow()


      },
      //取消区
      cancelArea(){
        this.area=""
        this.buttonShow()

        this.searchList.area_id=""

      },
      //已选城市显示
      cityList(){
        this.province=this.region[0]
        this.city=this.region[1]
        this.area=this.region[2]
      },
      //城市三级联动
      CityChange(e) {
        this.region=e.mp.detail.value
        this.cityList()
        this.buttonShow()

      },
      addValue(){
         console.log(this.inputValue)

         if(this.inputValueArr.length>2){
            wx.showToast({
                title: '最多只能添加三个标签哦',
                icon: 'none',
              })
            return
         }
         if(this.inputValue.length==0){
           wx.showToast({
                title: '标签不能为空哦',
                icon: 'none',
              })
            return
         }
         if(this.inputValue.length>4){
             wx.showToast({
                title: '请用四个字描述您的标签',
                icon: 'none',
              })
         }else{
             this.inputValueArr.push(this.inputValue);
             this.inputValue=""
         }
      },
      removeValue(e){
         console.log(e)
         this.inputValueArr.splice(e,e+1)
      }


      },
      created(){

      }


}
</script>

<style scoped>

/* 身份证认证开始 */
   .EditProfile-my-two{
     margin-top: 10rpx;
     padding:0 30rpx;
     background: #fff;
   }
   .EditProfile-my-two>div:nth-child(1){
     font-size:28rpx;
      font-weight:bold;
      color:rgba(51,51,51,1);
      border-bottom: 1px solid #ddddddff;
      height: 100rpx;
      line-height: 100rpx;
   }
   .EditProfile-my-two>ul>li:nth-child(1){
     display: flex;
     height: 100rpx;
     line-height: 100rpx;
     align-items: center;
     border-bottom: 1px solid #ddddddff;
   }
   .EditProfile-my-two>ul>li:nth-child(1)>div:nth-child(1){
     display: flex;
     justify-content: space-between;
     width: 116rpx;
     font-size:30rpx;
    font-weight:400;
    color:rgba(0,0,0,1);
    margin-right: 20rpx;
   }
   .EditProfile-my-two>ul>li:nth-child(1)>div:nth-child(2) input{
     font-size:26rpx;
      font-weight:400;
      color:rgba(153,153,153,1);
   }
      .EditProfile-my-two>ul>li:nth-child(2){
     display: flex;
     height: 100rpx;
     line-height: 100rpx;
     align-items: center;
     border-bottom: 1px solid #ddddddff;
   }
   .EditProfile-my-two>ul>li:nth-child(2)>div:nth-child(1){
     font-size:30rpx;
    font-weight:400;
    color:rgba(0,0,0,1);
    margin-right: 20rpx;
   }
   .EditProfile-my-two>ul>li:nth-child(2)>div:nth-child(2) input{
     font-size:26rpx;
      font-weight:400;
      color:rgba(153,153,153,1);
   }
   .EditProfile-my-two-sfz{
     padding-top: 29rpx;
     border-bottom: 1px solid #ddddddff;
     padding-bottom: 60rpx;
     box-sizing: border-box;
   }
   .EditProfile-my-two-sfz>p{
     font-size:30rpx;
    font-weight:400;
    color:rgba(0,0,0,1);
   }
   .EditProfile-my-two-sfz>ul{
     margin-bottom: 60rpx;
     margin-top: 60rpx;
   }
   .EditProfile-my-two-sfz>ul>li{
     width:324rpx;
     height: 279rpx;
   }
   .EditProfile-my-two-sfz>ul>li>div{
     padding:40rpx;
   }
   .EditProfile-my-two-sfz>ul>li>div>p{
     width: 100%;
     display: flex;
     justify-content: space-between;
   }
   .EditProfile-my-two-sfz>ul>li>div>p:nth-child(1)>img,.EditProfile-my-two-sfz>ul>li>div>p:nth-child(4)>img{
      width: 20rpx;
      height: 5rpx;
   }
   .EditProfile-my-two-sfz>ul>li>div>p:nth-child(2)>img,.EditProfile-my-two-sfz>ul>li>div>p:nth-child(3)>img{
     width:5rpx;
     height: 20rpx;
   }
   .EditProfile-my-two-sfz>ul>li>div>p:nth-child(3)>img{
     margin-top: 122rpx;
   }
   .EditProfile-my-two-sfz>ul{
     display: flex;
     justify-content: space-between;
   }
   .EditProfile-my-two-sfz>ul>li>p{
      font-size:28rpx;
      width: 100%;
      height: 60rpx;
      line-height: 60rpx;
      font-weight:bold;
      color:rgba(255,255,255,1);
      line-height:32px;
      text-align: center;
   }
   .EditProfile-my-two-sfz>ul>li{
     position: relative;
   }
   .EditProfile-my-two-sfz>ul>li>img{
     width: 223rpx;
     height: 152rpx;
     position: absolute;
     left: 53rpx;
     top:50rpx;
   }
   .EditProfile-my-two-sfzs{
     padding-bottom: 30rpx;
     border-bottom: none;
   }
   .EditProfile-my-two-sfzs>ul{
     margin-bottom: 0rpx;
   }
   .EditProfile-my-two-sfzs>div:nth-child(3){
     font-size:24rpx;
    font-weight:400;
    color:rgba(153,153,153,1);
   }
/* 身份证认证结束 */
/* 平台认证开始 */
  .EditProfile-my-thr{
    margin-top: 10rpx;
    padding:0 30rpx;
    background: #fff;
  }
  .EditProfile-my-thr>p:nth-child(1){
    font-size:28rpx;
    font-weight:bold;
    color:rgba(0,0,0,1);
    height: 100rpx;
    line-height: 100rpx;
    border-bottom: 1px solid #ddddddff;
  }
  .EditProfile-my-thr>p:nth-child(3){
    margin-top: 20rpx;
    font-size:26rpx;
    font-weight:400;
    color:rgba(232,22,22,1);
  }
  .EditProfile-my-thr>ul{
    width: 100%;
  }
  .EditProfile-my-thr>div>ul>li{
    width: 509rpx;
    height: 297rpx;
    margin: 0 auto;
  }
   .EditProfile-my-thr>div>ul>li>p{
     width: 509rpx;
     height: 64rpx;
     line-height: 64rpx;
   }
   .EditProfile-my-thr>div>ul>li>img{
     width: 271rpx;
     height: 185rpx;
     left:119rpx;
     top: 38rpx;
   }
   .EditProfile-my-thr>ul:nth-child(4){
     box-sizing: border-box;
       margin-top: 30rpx;
       display: flex;
       align-items: center;
       padding-left: 60rpx;
       margin-right: 30rpx;
       border-bottom: 1px solid #ddddddff;
       padding-bottom: 50rpx;
   }
   .EditProfile-my-thr>ul:nth-child(4)>li:nth-child(1){
     margin-right: 84rpx;
   }
   .EditProfile-my-thr>ul:nth-child(4)>li:nth-child(1)>p>img{
     width:186rpx;
     height: 200rpx;
     margin-bottom: 20rpx;
   }
   .EditProfile-my-thr>ul:nth-child(4)>li:nth-child(1)>p:nth-child(2){
     font-size:22rpx;
      font-weight:400;
      color:rgba(34,151,212,1);
      text-align: right;
   }
   .EditProfile-my-thr>ul:nth-child(4)>li:nth-child(2){
     font-size:30rpx;
    font-weight:bold;
    color:rgba(34,151,212,1);
    width: 272rpx;
    height: 68rpx;
    text-align: center;
    line-height: 68rpx;
   }
   .EditProfile-my-thr>div:nth-child(5)>p:nth-child(1){
     font-size:30rpx;
      font-weight:400;
      color:rgba(0,0,0,1);
      height: 100rpx;
      line-height: 100rpx;
   }
   .EditProfile-my-thr>div:nth-child(5)>p:nth-child(2){
     width: 100%;
     text-align: center;
   }
   .EditProfile-my-thr>div:nth-child(5)>p:nth-child(2) img{
     width: 561rpx;
     height: 845rpx;
   }
   .EditProfile-my-thr>div:nth-child(5)>p:nth-child(3){
     width: 685rpx;
     height: 98rpx;
     text-align: center;
     line-height: 98rpx;
     margin: 100rpx 0;
   }
/* 平台认证结束 */
/* 个人信息模块开始 */
   .EditProfile-my{
     background: #eeeeeeff;
     padding-top: 10rpx;
   }
   .EditProfile-my-Edit{
     padding:0 34rpx;
     background: #fff;
   }
  .EditProfile-my-Edit>li{
     height: 110rpx;
     line-height: 110rpx;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #ddddddff;
  }
  .EditProfile-my-Edit>li>div:nth-child(1){
    font-size:26rpx;
    font-weight:bold;
    color:rgba(51,51,51,1);
  }
  .EditProfile-my-Edit>li>div:nth-child(2){
    display: flex;
    align-items: center;
  }
  .EditProfile-my-Edit>li:nth-child(1)>div:nth-child(2)>img:nth-child(1){
    width: 67.1rpx;
    height: 67.1rpx;
    border-radius: 100%;
  }
  .EditProfile-my-Edit-img{
    width: 12rpx;
    height: 22rpx;
    margin-left: 41rpx;
  }
  .EditProfile-my-Edit-span{
    font-size:24rpx;
    font-weight:400;
    color:rgba(102,102,102,1);
  }
  .EditProfile-my-Edit>li:nth-child(5)>div:nth-child(1){
    font-size:26rpx;
    font-weight:bold;
    color:rgba(153,153,153,1);
    margin-right: 40rpx;
  }
  .EditProfile-my-Edit>li:nth-child(5){
    justify-content: flex-start;
  }
  .EditProfile-my-Edit>li:nth-child(5)>div:nth-child(2)>input{
    font-size:22rpx;
    font-weight:400;
    color:rgba(153,153,153,1);
    width: 530rpx;
  }
  .EditProfile-my-Edit>li:nth-child(7){
    height: 200rpx;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: none;
  }
  .EditProfile-my-Edit>li:nth-child(7)>div{
    margin-right: 90rpx;
  }
  .EditProfile-my-Edit>li:nth-child(7)>ul>li{
    display: flex;
    height: 100rpx;
    align-items: center;
  }
  .EditProfile-my-Edit>li:nth-child(7)>ul>li:nth-child(1) span{
    font-size:30rpx;
    font-weight:500;
    color:rgba(34,151,212,1);
  }
  .EditProfile-my-Edit>li:nth-child(7)>ul>li:nth-child(1) input{
    font-size:24rpx;
    font-weight:400;
    color:rgba(102,102,102,1);
    border-bottom: 1px solid #ddddddff;
    padding-left: 10rpx;
  }
  .EditProfile-my-Edit>li:nth-child(7)>ul>li:nth-child(2) span{
    display: inline-block;
    width: 166rpx;
    height: 44rpx;
    text-align: center;
    line-height: 44rpx;
    font-size:24rpx;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin-right: 10rpx;
  }
  .EditProfile-my-Edit>li:nth-child(7)>ul>li:nth-child(2) span img{
    width: 15rpx;
    height: 17rpx;
    margin-left: 5rpx;
    margin-right: -3rpx;
  }
/* 个人信息模块结束 */
/* 三级联动开始 */
    .longinPage{
    width: 100%;
    height: 100%;
    background: #F7F7F7;
  }
  .longinPage .head_top{
    width: 100%;
    height: 38px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(238,236,236,0.50);
    margin-bottom: 10px;
    position: relative;
  }
  .Unlimited{
    width: 100%;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cancel{
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cancel>div{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    color: #999;
    line-height: 22px;
    text-align: center;
  }
  .cancel>div:nth-child(1){
    position: absolute;
    top: 9px;
    left: 25%;
  }
  .cancel>div:nth-child(2){
    position: absolute;
    top: 9px;
    left: 57%;
  }
  .cancel>div:nth-child(3){
    position: absolute;
    top: 9px;
    right: 5%;
  }
  .CityList{
    width: 500rpx;
    height: 38px;
    line-height: 38px;
    display: flex;
    justify-content:space-between;
    padding: 0 5%;
    box-sizing: border-box;
  }
  .CityList>div{
     text-align: center;
     font-size:26rpx;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(102,102,102,1);
  }
  .ChoiceCity{
    padding: 0;
  }
  .main{
    width: 100%;
    overflow: hidden;
    padding: 0 3%;
    box-sizing: border-box;
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .main_list{
    width: 49%;
    height: 188px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(229,227,227,0.50);
    margin-bottom: 10px;
  }
  .main_list_img{
    width: 100%;
    height: 108px;
  }
  .content{
    width: 90%;
    margin: 0 auto;
  }
  .content_title{
    font-size: 12px;
    color: #333333;
    margin-top: 5px;
  }
  .content_Second{
    display: flex;
    justify-content:space-between;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .content_Second>div{
    font-size: 12px;
    color: #333333;
  }
  .content_Second>div:nth-child(3){
    font-size: 15px;
    color: red;
    line-height: 17px;
  }
  .content_time{
    font-size: 12px;
    color: #787777;
  }

  .shop{
    display: flex;
    justify-content:space-between;
  }
  .shop>div{
    width: 30%;
    height: 38px;
    line-height: 38px;
    text-align: center;
  }

/* 三级联动结束 */
</style>
